<!DOCTYPE html>
{% load i18n %}
<html>

<head>
    {% block head %}
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{{ APP_CODE }}</title>
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}open/css/volunteer_base.css" />
    <!-- 引入iconfont -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}open/font/iconfont.css" />
    <!--插入背景音乐-->
    <audio id="myaudio" controls="" hidden="hidden" src="{{ STATIC_URL }}open/music/volunteerbjm.mp3"
        autoplay="autoplay" loop="loop" style="height: 0;">
    </audio>

    {% endblock %}
</head>

<body>
    <!-- head区域 start-->
    {% block header %}
    <div class="banner_wrapper">
        <div class="rtx-top">
            <div class="rtx-top-banner">
                <span class="iconfont icon-zhiyuanfuwu-01"></span>
                <h1 class="title">志愿吧</h1>
                <h1 class="title">Welcome To Volunteer</h1>
                <p>欢迎{{ user }}用户！</p>
            </div>
        </div>
    </div>
    <!-- head区域end -->
    {% endblock %}
    {% block bar %}
    <!-- 侧边导航栏start -->
    
    <!-- 侧边导航栏结束 -->
    {% endblock %}

    {% block content %}
    <!-- content区域 start-->
    <div class="content">

    </div>
    {% endblock %}

    {% block footer %}

    <!-- footer start -->
    <div class="footer" id="footer">
        <div class="footer-left">
            <span class="iconfont icon-zhiyuanfuwu-01"></span>
            <h1>志愿吧</h1>
            <p>志在心中，愿在行动。尽绵薄之力，予世界些许温暖。愿为星火，聚以燎原。未必万丈光芒，始终温暖有光。</p>
        </div>
        <div class="footer-center">
            <span class="iconfont icon-lianxiwomen1"></span>
            <h1>联系我们</h1>
            <ul>
                <li>
                    <span class="iconfont icon-lianxiwomendianhua"></span>
                    <p>TEL：17612937572</p>
                </li>
                <li>
                    <span class="iconfont icon-lianxiwomenqq"></span>
                    <p>QQ：2480243521</p>
                </li>
                <li>
                    <span class="iconfont icon-lianxiwomen"></span>
                    <p>Email：2480243521@qq.com</p>
                </li>
            </ul>
        </div>
        <div class="footer-right">
            <span class="iconfont icon-youqinglianjie"></span>
            <h1>友情链接</h1>
            <ul>
                <li><a href="https://paas-edu.bktencent.com/">蓝鲸智云企业版</a></li>
                <li><a href="https://bk.tencent.com/s-mart">S-mart|蓝鲸智云</a></li>
                <li><a href="https://magicbox.bk.tencent.com/static_api/v3/main/index.html">MagicBox|蓝鲸智云</a></li>
                <li><a href="https://bk.tencent.com/index/">文档中心|蓝鲸</a></li>
            </ul>
        </div>
    </div>
    <!-- footer end -->
    {% endblock %}

    {% block base_js %}
    <!-- 引入侧边导航栏 -->
    <script src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(".btn").on('click', function () {
            $(".btn").toggleClass("btnc");
            $(".sidebar").toggleClass("side");
        })
    </script>


    <!-- 这个是全局配置，如果需要在js中使用app_code和site_url,则这个javascript片段一定要保留 -->
    <script type="text/javascript">
        var app_code = "bk-volunteer";   //在蓝鲸系统里面注册的“应用编码”
        var site_url = "https://paas-edu.bktencent.com/o/bk-volunteer/";   //app的url前缀，在ajax调用的时候，应该加上该前缀
        var remote_static_url = "{{ REMOTE_STATIC_URL }}";  //远程资源连接，403页面需要··1，不要删除
        var debug_mode = JSON.parse("{{ DEBUG }}");    //是否调试模式
    </script>
    <!-- 统计js   勿删 -->
    <script type="text/javascript" src="{{ REMOTE_STATIC_URL }}analysis.js?v={{ STATIC_VERSION }}"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}account/login.js?v={{ STATIC_VERSION }}"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/csrftoken.js?v={{ STATIC_VERSION }}"></script>

    <script>
        var music = document.getElementById("myaudio"); //获取id

        window.onclick = function () {
            music.play();
        }
    </script>
    <!-- 侧边导航栏js -->
    {% endblock %}

    {% block extra_block %}
    <!-- 这里放置子页面中附加的内容
    一般为js，注意子模板中的js如果使用到以上js库，必须放置在这里
-->
    {% endblock %}
</body>

</html>